#csdn-nav-second {
  width: 96px;
  text-align: center;
  line-height: 32px;
  position: relative
}

#csdn-nav-second a {
  text-decoration: none
}

#csdn-nav-second li, #csdn-nav-second ul {
  padding: 0;
  margin: 0
}

#csdn-nav-second p {
  padding: 0;
  margin: 0
}

#csdn-nav-second div div ul {
  background-color: #fff
}

#csdn-nav-second div div ul .nav_com_li {
  border-radius: 4px;
  position: relative;
  width: 100%
}

#csdn-nav-second div div ul .nav_com_li.line {
  height: 1px;
  background-color: #e8e8ed
}

#csdn-nav-second div div ul .nav_com_li a, #csdn-nav-second div div ul .nav_com_li a:link, #csdn-nav-second div div ul .nav_com_li a:visited {
  width: auto;
  height: 32px;
  display: block;
  font-size: 14px;
  color: #555666;
  margin-bottom: 1px;
  position: relative;
  z-index: 1
}

#csdn-nav-second div div ul .nav_com_li > .current {
  margin: 0 2px 1px
}

#csdn-nav-second div div ul .nav_com_li:hover > .current {
  background-color: #f6f7f8;
  color: #222226;
  font-weight: 700;
  border-radius: 16px
}

#csdn-nav-second div div ul .active {
  background-color: #fff
}

#csdn-nav-second div div ul .active a, #csdn-nav-second div div ul .active a:link, #csdn-nav-second div div ul .active a:visited {
  color: #222226;
  font-weight: 700
}

#csdn-nav-second div div ul .point:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  right: 12px;
  background-color: #fc5531;
  z-index: 3
}

#csdn-nav-second div div ul .other_list {
  display: none;
  width: 104px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);
  position: absolute;
  bottom: 0;
  right: -106px;
  z-index: 141;
  background-color: #fff;
  padding: 6px
}

#csdn-nav-second div div ul .other_list div {
  margin-bottom: 2px;
  border-radius: 3px
}

#csdn-nav-second div div ul .other_list div a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px
}

#csdn-nav-second div div ul .other_list div:hover {
  background-color: rgba(244, 68, 68, .85)
}

#csdn-nav-second div div ul .other_list div:hover a {
  color: #fff
}

#csdn-nav-second div div ul .nav_com_li .c_current {
  width: 618px;
  position: absolute;
  top: 0;
  right: -618px;
  z-index: 142;
  font-size: 0;
  color: #555666;
  padding-left: 8px;
  display: none;
  box-sizing: border-box
}

#csdn-nav-second div div ul .nav_com_li .c_current .c_warp {
  width: 618px;
  height: 100%;
  padding: 16px 16px 8px 16px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, .1);
  border-radius: 1px
}

#csdn-nav-second div div ul .nav_com_li .c_current .title {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  font-weight: 500
}

#csdn-nav-second div div ul .nav_com_li .c_current .c_main {
  padding-left: 8px;
  vertical-align: top;
  text-align: left
}

#csdn-nav-second div div ul .nav_com_li .c_current .c_main .item_l {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  width: 110px;
  margin: 8px 16px 8px 0;
  vertical-align: top;
  height: 20px;
  overflow: hidden
}

#csdn-nav-second div div ul .nav_com_li .c_current .c_main .item_l a {
  color: #555666;
  height: 20px;
  font-weight: 500
}

#csdn-nav-second div div ul .nav_com_li .c_current .c_main .item_l a:hover {
  color: #222226
}

#csdn-nav-second div div ul .nav_com_li .c_current .c_main .item_r {
  width: calc(100% - 127px);
  display: inline-block;
  margin: 4px 0;
  height: 28px
}

#csdn-nav-second div div ul .nav_com_li .c_current .c_main .item_r a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  border-radius: 14px;
  background-color: #fff;
  margin: 0 4px 0 0;
  width: auto;
  color: #555666;
  font-weight: 400
}

#csdn-nav-second div div ul .nav_com_li .c_current .c_main .item_r a:hover {
  background-color: #f6f7f8;
  color: #222226;
  font-weight: 400
}

#csdn-nav-second div div ul .nav_com_li .c_current .c_main .item_r a:nth-last-child(1) {
  margin: 0
}

#csdn-nav-second div div ul .nav_com_li .c_current ul {
  margin-top: 8px
}

#csdn-nav-second div div ul .nav_com_li:hover .c_current {
  display: inline-block;
  box-sizing: border-box
}

#csdn-nav-second div div ul:first-child {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .04);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .04)
}

#csdn-nav-second div div .nav_post {
  display: inline-block;
  width: 96px;
  height: 32px;
  background-color: #222226;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  text-align: center
}

#csdn-nav-second div div .nav_post:hover {
  background-color: #f66
}

#csdn-nav-second .nav-fix-box {
  position: fixed;
  top: -6px
}

#csdn-nav-second .extra-button-box {
  margin-top: 8px;
  background: 0 0
}

#csdn-nav-second .extra-button-box li {
  margin-bottom: 8px
}

#csdn-nav-second .extra-button-box li a {
  display: block;
  width: 96px;
  height: 32px;
  background-color: #fc5531;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 4px
}

#csdn-nav-second .extra-button-box li a:hover {
  background-color: #fc1944
}
